<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>登录外卖订餐平台</title>
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="/src/css/htmleaf-demo.css">
	<link rel="stylesheet" type="text/css" href="/src/css/login.css">
</head>
<body>
	<div class="htmleaf-container">
		<header class="htmleaf-header">
			<h1>外卖订餐平台<span>Let's Enjoy Dinner Time</span></h1>
			<div class="htmleaf-links">
        <a class="htmleaf-icon icon-htmleaf-home-outline" href="#!/welcome" title="回到首页"><span> 回到首页</span></a>
        <a class="htmleaf-icon icon-htmleaf-arrow-forward-outline" href="#!/login" title="去登录" ><span> 去登陆</span></a>
			</div>
		</header>
		<div class="demo form-bg" style="padding: 20px 0;">
		        <div class="container">
		            <div class="row">
		                <div class="col-md-offset-3 col-md-6">
		                    <form class="form-horizontal" enctype="multipart/form-data" method="post" id="basic_form" name="basic_form">
		                        <span class="heading">用户注册</span>
		                        <div class="form-group">
		                            <input type="text" class="form-control" required="" name="cname" ng-model="vm.client.cname" id="cname" placeholder="用  户  名">
		                            <i class="fa fa-user"></i>
		                        </div>
		                        <div class="form-group help">
		                            <input type="password" class="form-control" required="" name="cpwd" ng-model="vm.client.cpwd" id="cpwd" placeholder="密　码" ng-change="vm.pwdCheck()">
		                            <i class="fa fa-lock"></i>
		                            <a href="#" class="fa fa-question-circle"></a>
								</div>
								<div class="form-group help">
										<input type="password" class="form-control" required="" name="recpwd" ng-model="vm.client.recpwd" id="recpwd" placeholder="确 认 密　码" ng-change="vm.pwdCheck()">
										<i class="fa fa-lock"></i>
										<a href="#" class="fa fa-question-circle"></a>
								</div>
								<div class="form-group help">
										<input type="text" class="form-control" required="" name="contact" ng-model="vm.client.contact" id="contact" placeholder="联系电话" ng-maxlength="11" ng-minlength="11">
										<i class="fa fa-lock"></i>
										<a href="#" class="fa fa-question-circle"></a>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">Ic Pic</label>
									<div class="col-md-6">
									<input ng-file-select type="file" name="portrait"/>
									</div>
								</div>
									<div class="form-group">
										<div class="main-checkbox">
											<input type="checkbox" value="None" id="checkbox1" name="check"/>
											<label for="checkbox1"></label>
										</div>
										<span class="text">Remember me</span>
										<button class="btn btn-default" ng-click="vm.regist()">注册</button>
										<!-- <input type="submit" class="btn-success"  value="注册"/> -->
										<!-- class="btn-success" style="border-radius:10px" -->
									</div>
									
									<div class="form-group" style="margin-left:-120px" ng-show="basic_form.$invalid && (basic_form.$dirty) && vm.show_error">
										<label class="col-sm-2 control-label"></label>
							
										<div class="col-sm-10">
										<div class="alert alert-danger" style="margin-bottom: 0px">
											<ul>
											<li ng-show="(basic_form.cname.$dirty) && basic_form.cname.$error.required">UserName不能为空！</li>
											<li ng-show="(basic_form.cpwd.$dirty) && basic_form.cpwd.$error.required">密码不能为空！</li>
											<li ng-show="(basic_form.recpwd.$dirty) && basic_form.recpwd.$error.required">确认密码不能为空！</li>
											<li ng-show="(basic_form.contact.$dirty) && basic_form.contact.$error.required">联系电话不能为空！</li>
											<li ng-show="(basic_form.contact.$dirty) && basic_form.contact.$error.maxlength">联系电话要11位</li>
											<li ng-show="(basic_form.contact.$dirty) && basic_form.contact.$error.minlength">联系电话要11位</li>
											<li ng-show="(vm.inconformity)">两次密码不一致</li>
											</ul>
										</div>
									</div>
								</div>
							</form>
		                </div>
		            </div>
		        </div>
		    </div>
	</div>
	
</body>
</html>